<div ng-init="init();" class="kmi-layout-content B0201-content">
    <div class="kmi-header-row" ng-class="{'disconection':disconnection,'aside-left':showSlight()}">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="andom-content" style="display: flex;" ng-if="showSlight();" ng-class="{'exist':showSlight()}">
            <div class="andom-btn" ng-repeat="(type_no, count) in slight_details" ng-class="{'warning':count > 0, 'btn-end':$last}">
                <div class="andom-dot" ng-show="count > 0" ng-bind="count"></div>
                <label ng-bind="'mailbox.slight_type.t_' + type_no | translate">机台</label>
                <div class="kmi-can-click" ng-click="showSlightList(type_no);"></div>
            </div>
        </div>
        <div class="header-title" ng-bind="'B0201.title' | translate" ng-show="equipmentList.length == 0"></div>
        <div class="header-title" ng-bind="'B0201.machineInfo.title' | translate" ng-hide="equipmentList.length == 0"></div>
        <button ng-click="favorite();">
            <img src='image/smes_v340/W_Com_Love_nor_32.png'></img>
            <div class='kmi-can-click'></div>
        </button>
        <button class="refresh" ng-click="refresh();">
            <img src='image/smes_v340/W_Com_Reload_nor_32.png'></img>
            <div class='kmi-can-click'></div>
        </button>
        <div class="header-logo" ng-class="{'logo-none':showSlight()}"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page query" ng-show="mode == 'query'">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B0201.area_no' | translate" style="flex:0 0 120px;"></label>
                <input ng-model="areaItem.areadisplay" readonly="readonly" ng-click="loadAreaList();"></input>
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
            </div>
        </div>
        <div class="kmi-layout-page list" ng-show="mode == 'list'">
            <div class="kmi-text-fields line-info" style="padding:0px 8px; margin-bottom: 4px;">
                <!-- 20230303 modify by Alan for#0128964: -->
                <!-- <div class="close-btn" ng-class="[dashboardPanel[5], (dashboard[dashboardPanel[5]].isContentHide?'is-closed':'')]" ng-click="togglePanel('dashboard_info',$event);" ng-if="ESI_CLD">
                    <i class="material-icons open">add_box</i>
                    <div class="kmi-can-click"></div>
                </div> -->
                <label class="label" ng-bind="'B0201.area_no' | translate"></label>
                <input class="value" ng-model="areaItem.areadisplay" readonly="readonly" ng-click="loadAreaList();"></input>
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                <label class="label" ng-bind="'B0201.line_status' | translate" style="flex:0 0 90px;text-align: center;cursor: pointer;" ng-click="changeLine()"></label>
                <div class="dashboard-light-panel" ng-class="[machineStatus(lineItem.machine_status)]" style="cursor: pointer;" ng-click="changeLine()">
                    {{('common.machine.status.'+ lineItem.machine_status | translate).substr(0, 1)}}
                </div>
                <div class="shift" ng-hide="shift_desc == ''" ng-bind="shift_desc"></div>
                <label class="shift-time">{{shift_begin}} ~ {{shift_end}}</label>
            </div>
           
            <!-- 安燈按鈕模塊 slight-module -->
            <div class="section slight-module" style="flex:0 0 100px;" ng-class="[dashboardPanel[6], (dashboard[dashboardPanel[6]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[6]].templateUrl" ng-show="slightModule === '1'"></div> 
            <div class="machine-content">
                <div class="kmi-layout-page left-page" ng-class="{'is-closed':dashboard[dashboardPanel[0]].isContentHide}">
                    <div class="section" ng-class="[dashboardPanel[1], (dashboard[dashboardPanel[1]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[1]].templateUrl"></div>
                    <div class="section" ng-class="[dashboardPanel[2], (dashboard[dashboardPanel[2]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[2]].templateUrl"></div>
                </div>
                <div class="kmi-layout-page center-page" style="flex:2;" ng-class="{'is-opened':!dashboard[dashboardPanel[0]].isContentHide}">
                    <div class="section" ng-class="[dashboardPanel[0]]" ng-include="dashboard[dashboardPanel[0]].templateUrl"></div>
                </div>
                <div class="kmi-layout-page right-page" ng-class="{'is-closed':dashboard[dashboardPanel[0]].isContentHide}">
                    <div class="section" ng-class="[dashboardPanel[3], (dashboard[dashboardPanel[3]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[3]].templateUrl"></div>
                    <div class="section" ng-class="[dashboardPanel[4], (dashboard[dashboardPanel[4]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[4]].templateUrl"></div>
                </div>
            </div>
             <!-- 20230303 modify by Alan for#0128964: -->
             <div class="section dashboard-content" ng-class="[dashboardPanel[5], (dashboard[dashboardPanel[5]].isContentHide?'is-closed':'')]" ng-include="dashboard[dashboardPanel[5]].templateUrl"></div>
            <div class="menu-bar" ng-include="'module/moduleB/program/B02/B0201/MenuBar.tmp.html'"></div>
        </div>
    </div>
</div>
